[ENH] Adding Canvas Input to Capture User Drawings #362
Conversation
There was a problem hiding this comment.
Pull Request Overview
This PR adds a canvas element to capture user drawings as part of the MOCA protocol input. Key changes include updating configuration (githubSrc) for image sourcing, integrating and implementing a new CanvasInput component for drawing input, and updating the InputSelector to conditionally render the canvas input.
Reviewed Changes
Copilot reviewed 7 out of 7 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| src/config.js | Updated githubSrc URL to a localhost endpoint for development use. |
| src/components/SurveyItem/SurveyItem.vue | Added a uiConfig computed property and debug logging for background Image. |
| src/components/Inputs/CanvasInput/CanvasInput.vue | New component implementation for canvas drawing input using bootstrap-vue. |
| src/components/InputSelector/InputSelector.vue | Integrated CanvasInput component as an additional input option. |
| src/components/CanvasInput.vue | Alternative CanvasInput implementation using plain HTML/CSS. |
| babel.config.js | Reformatted preset configuration for babel. |
Comments suppressed due to low confidence (1)
src/components/CanvasInput.vue:1
- There appear to be two components named 'CanvasInput' in different directories; consider renaming one to reduce possible confusion during component registration and maintenance.
<template>
put the original url back
|
@bendhouseart, thanks for the PR! We need to fix the relative path for importing |
|
Something odd is going on with the diff rendering, closing and reopening. |
2 participants
This adds the canvas element to capture user inputs via drawing for protocols such as MOCA.